<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>骡窝窝国内机票预订 - 骡窝窝</title>
    <meta name="renderer" content="webkit">

    <script src="/order_files/hm.js"></script>

    <link href="/order_files/css+base_css+jquery.suggest_css+plugins_css+plugins.css"
          rel="stylesheet" type="text/css">

    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/order_files/index.ad132c05.css" rel="stylesheet" type="text/css">

    <script language="javascript"
            src="/order_files/js+jquery-1.8.1.min_js.js"
            type="text/javascript" crossorigin="anonymous"></script>
    <script src="/order_files/aaa.js" type="text/javascript"></script>

    <script async="" src="/order_files/BrowserState.js" crossorigin="anonymous"></script>
    <script type="text/javascript" src="/js/system/common.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery-form/jquery.form.js"></script>
</head>
<body style="position: relative;">

<#assign currentNav="flight">
<#include "../common/navbar.ftl">

<link rel="stylesheet" href="/order_files/swiper-4.4.2.min.css">

<div id="app">
    <div class="v-flightpc-container v-book clearfix">
        <form id="orderForm" action="/flight/submitOrder" method="post">
            <div class="fl main">
            <div class="cont">
                <div class="psger-list clearfix"></div>
                    <span class="btnbox"><i class="plus">&nbsp;</i><span class="add">乘机人</span></span>
                    <div class="psger-add">
                    <ul class="list">
                        <li class="item">
                            <div class="wrap none">
                                <div class="people-inputbox">
                                    <input type="text" placeholder="请输入乘机人姓名" class="input" style="width: 452px;" name="passengerName">
                                    <#--<span class="type-name">成人票</span>-->
                                    <div class="info"><i class="note"></i>
                                        <div class="desc"><i class="corner"></i>
                                            <p>1. 请您严格按照所持有效证件上的姓名填写。<br></p>
                                            <p>2. 如您的姓名中含有生僻字或繁体字，请用拼音代替生僻字（如：陶喆喆，请填写‘陶zhezhe’），拼音之后不可再输入汉字，需用拼音代替。<br>
                                            </p>
                                            <p>3. 姓名中如含有特殊符号“·”“-”“.”等，可不用输入。<br></p>
                                            <p>4. 姓名过长时请使用缩写（中文名不超过12个汉字；拼音名不超过26个字符）。<br></p></div>
                                    </div>
                                </div>
                            </div>
                            <div class="wrap">
                                <div class="typebox"><input type="text" readonly="readonly" class="type" value="身份证">
                                    <i class="arrow"></i>
                                    <div class="select">
                                        <span class="option">身份证</span>
                                        <span class="option">护照</span>
                                        <span class="option">军官证</span>
                                        <span class="option">士兵证</span>
                                        <span class="option">台胞证</span>
                                        <span class="option">其他</span>
                                        <span class="option">回乡证</span>
                                        <span class="option">港澳台居住证</span>
                                    </div>
                                    <script>
                                        $('.option').click(function () {
                                            $('.type').val($(this).html());
                                        })
                                    </script>
                                </div>
                                <div class="inputbox">
                                    <input type="text" placeholder="请填写证件号码" class="input" style="width: 312px;" name="idNumber">
                                </div>
                                <span class="del-psger">删除</span></div></li>
                    </ul>
                    </div>
            </div>
            <div class="cont">
                <div class="sec-title"><h3 class="text">保险</h3></div>
                <div class="common-list">
                    <div class="item clearfix none"><input type="checkbox" class="radio"><span class="name">航空意外险</span>
                        <div class="info"><i class="note"></i>
                            <div class="desc"><i class="corner"></i>
                                <div class="list"><p>航空意外险</p>
                                    <div><p class="title">1. 保障项目及保障金额：</p>
                                        <p class="text">意外伤害和医疗保障：<br>意外身故、残疾 3000000RMB<br>意外医疗100000RMB<br>紧急医疗转运和送返、身故遗体/骨灰送返20000元
                                        </p>
                                        <p class="title">2. 险种信息：</p>
                                        <p class="text">保险公司：阳光财产保险股份有限公司<br>全国统一客服专线： 95510，该产品由华泰保险经纪有限公司进行销售</p>
                                        <p class="title">3. 被保人年龄范围：</p>
                                        <p class="text">90天-85岁。<br>不保人群：<br>不保人群无特殊约定。<br>特别约定：<br>1)
                                            71至85周岁的被保险人，其身故、残疾保障的保险金额为保单所载金额的一半；<br>2)
                                            未成年人（未满18周岁为未成年人）的保险责任与成年人保险责任一致，未成年人身故保额不超过最新监管要求；</p>
                                        <p class="title">4. 退改政策：</p>
                                        <p class="text">保险生效后不允许退保，保单生效前可以退保。<br>理赔流程：<br>出险后拨打阳光财险全国统一客服专线95510报案。</p>
                                        <p class="title">5. 保单查询说明：</p>
                                        <p class="text"><a
                                                href="http://wecare.sinosig.com/common/new_customerservice/html/baodanfuwu/dzbd_index.html">点击查看</a>
                                        </p>
                                        <p class="title">6. 客户告知书：</p>
                                        <p class="text"><a
                                                href="https://bigfile1.mafengwo.net/s11/M00/16/C3/wKgBEFqnoHCAJQW1AAIFfL8WnVo811.pdf"
                                                target="_blank">点击查看</a></p>
                                        <p class="title">7. 授权委托书：</p>
                                        <p class="text"><a
                                                href="https://bigfile.mafengwo.net/s11/M00/17/02/wKgBEFqnoKyAQVMbAAEdDZbLbFI683.pdf"
                                                target="_blank">点击查看</a></p>
                                        <p class="title">8. 保险条款：</p>
                                        <p class="text">具体保险责任及其它未尽事宜请以保险条款为准</p>
                                        <p class="title">9. 声明：</p>
                                        <p class="text">骡窝窝所有保险均由依法设立的保险公司提供，骡窝窝仅提供平台展示，而非保险公司的代理人，本站所载保险
                                            阳光保险及中国人民保险产品均由华泰保险经纪有限公司负责承保、理赔、退保、投诉及客户服务，本站只提供网络技术辅助服务。</p>
                                        <p class="title">10. 相关资质：</p>
                                        <p class="text"><a
                                                href="https://bigfile.mafengwo.net/s12/M00/82/C5/wKgED1wR9CmAAq4UAA9I5qIs45Q681.pdf"
                                                target="_blank">点击查看</a></p></div>
                                </div>
                            </div>
                        </div>
                        <span class="count">¥30/份 x 1人 x 1航段</span><span class="label">旅行意外保障</span><span class="label">最高赔付300万</span>
                    </div>
                    <div class="item clearfix"><input type="checkbox" class="radio"><span class="name">航空延误险</span>
                        <div class="info"><i class="note"></i>
                            <div class="desc"><i class="corner"></i>
                                <div class="list"><p>航空延误险</p>
                                    <div><p class="title">1. 保障项目及保障金额：</p>
                                        <p class="text">航班到达延误3小时及以上300元；<br>航班备降、返航300元；<br>航班被取消100元；<br>延误、返航、备降、取消不可以兼赔
                                        </p>
                                        <p class="title">2. 险种信息：</p>
                                        <p class="text">保险公司：阳光财产保险股份有限公司<br>全国统一客服专线： 95510，该产品由华泰保险经纪有限公司进行销售</p>
                                        <p class="title">3. 被保人年龄范围：</p>
                                        <p class="text">0-85周岁（0岁指出生满90天并健康出院），同一被保险人同一航段只能购买一份<br>不保人群：<br>不保人群无特殊约定。
                                        </p>
                                        <p class="title">4. 退改政策：</p>
                                        <p class="text">用户在飞机场改签后，请及时在骡窝窝客服中心报备。如没有及时通知，保险还是原航班生效，一旦出险，后果自行承担；<br>保险生效后不允许退保，保单生效前可以退保，但不允许单独退保，用户在飞机场退票后，请及时在骡窝窝客服中心联系客服退保；<br>理赔流程：<br>出险后拨打阳光财险全国统一客服专线95510报案。
                                        </p>
                                        <p class="title">5. 保单查询说明：</p>
                                        <p class="text"><a
                                                href="http://wecare.sinosig.com/common/new_customerservice/html/baodanfuwu/dzbd_index.html">点击查看</a>
                                        </p>
                                        <p class="title">6. 客户告知书：</p>
                                        <p class="text"><a
                                                href="https://bigfile1.mafengwo.net/s11/M00/16/C3/wKgBEFqnoHCAJQW1AAIFfL8WnVo811.pdf"
                                                target="_blank">点击查看</a></p>
                                        <p class="title">7. 授权委托书：</p>
                                        <p class="text"><a
                                                href="https://bigfile.mafengwo.net/s11/M00/17/02/wKgBEFqnoKyAQVMbAAEdDZbLbFI683.pdf"
                                                target="_blank">点击查看</a></p>
                                        <p class="title">8. 保险条款：</p>
                                        <p class="text">具体保险责任及其它未尽事宜请以保险条款为准</p>
                                        <p class="title">9. 声明：</p>
                                        <p class="text">骡窝窝所有保险均由依法设立的保险公司提供，骡窝窝仅提供平台展示，而非保险公司的代理人，本站所载保险
                                            阳光保险及中国人民保险产品均由华泰保险经纪有限公司负责承保、理赔、退保、投诉及客户服务，本站只提供网络技术辅助服务。</p>
                                        <p class="title">10. 相关资质：</p>
                                        <p class="text"><a
                                                href="https://bigfile.mafengwo.net/s12/M00/82/C5/wKgED1wR9CmAAq4UAA9I5qIs45Q681.pdf"
                                                target="_blank">点击查看</a></p></div>
                                </div>
                            </div>
                        </div>
                        <span class="count">¥30/份 x 1人 x 1航段</span><span class="label">旅行无忧</span><span class="label">延误可理赔</span>
                    </div>
                </div>
            </div>
            <div class="cont">
                <div class="sec-title"><h3 class="text">联系人</h3></div>
                <div class="psger-list clearfix"></div>
                <div class="psger-add">
                    <ul class="list">
                        <li class="item none">
                            <div class="wrap none">
                                <div class="inputbox">
                                    <input type="text" placeholder="请填写联系人姓名" class="input buyer-name" name="concatName">
                                </div>
                            </div>
                            <div class="wrap">
                                <div class="typebox"><input type="text" readonly="readonly" class="type" value="86">
                                </div>
                                <div class="inputbox">
                                    <input type="text" placeholder="请填写联系人手机号" class="input buyer-phone" name="concatPhone">
                                </div>
                            </div>
                            <div class="wrap">
                                <div class="inputbox">
                                    <input type="text" placeholder="请填写联系人邮箱" class="input buyer-email" name="concatEmail">
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="cont">
                <div class="sec-title"><h3 class="text">报销凭证</h3></div>
                <div class="common-list">
                    <div class="item clearfix none"><input id="baoxiao" checked type="checkbox" class="radio">
                        <span class="name label">需要报销凭证(按照航司规定，航班起飞后28天内可开纸质行程单)</span></div>
                    <span class="flg-book-alert" style="display: none;">航班起飞后7天内，将向您邮寄报销凭证报销类型</span></div>
                <div id="baoxiaoform" style="display: ;" class="form">
                    <div class="form-row clearfix none"><span class="form-left">报销类型</span><span class="form-right">纸质等额发票</span>
                    </div>
                    <div class="form-row clearfix none"><span class="form-left">配送方式</span><span
                            class="form-right">快递<span class="form-money">¥20</span></span></div>
                    <div class="form-row clearfix none"><span class="form-left">发票类型</span>
                        <div class="form-right">
                            <div class="title-type"><i class="title-radio"></i><span class="title-name">个人</span>
                            </div>
                            <div class="title-type"><i class="title-radio"></i><span class="title-name">公司</span></div>
                            <div class="title-type"><i class="title-radio"></i><span class="title-name">政企单位</span>
                            </div>
                        </div>
                        <script>
                            $('.title-type').click(function () {
                                $('.title-type').removeClass('active');
                                $(this).addClass('active');
                            })
                        </script>
                    </div>
                    <div class="form-row clearfix none"><span class="form-left">发票抬头</span>
                        <div class="form-right none"><input type="text" placeholder="请填写真实姓名" class="form-input"></div>
                        </div>
                    <div class="form-row clearfix"><span class="form-left">收件人</span>
                        <div class="form-right none"><input type="text" placeholder="请填写真实姓名" class="form-input"></div>
                    </div>
                    <div class="form-row clearfix"><span class="form-left">地址</span>
                        <div class="form-right none"><input type="text" placeholder="请填写中国境内地址信息" class="form-input">
                        </div>
                    </div>
                </div>
                <script>
                    $("#baoxiao").click(function () {
                        if (!$(this).prop('checked')){
                            $("#baoxiaoform").attr('style','display:none');
                        } else {
                            $("#baoxiaoform").attr('style','display:""');
                        }
                    })
                </script>
            </div>
            <div class="cont">
                <div class="sec-title"><h3 class="text">优惠券</h3></div>
                <div class="common-list">
                    <div class="item clearfix none"><span class="name">暂无可用优惠券</span></div>
                </div></div>
                <input type="hidden" name="flightDetail.id" value="${air.id!}">
                <button id="orderSubmit" type="button">提交订单</button>
            </div>
        </form>
        <script>
            $('#orderSubmit').click(function () {
                console.log(1111);
                $("#orderForm").ajaxSubmit(function (data) {
                    if (data.success){
                        popup('订购成功，可在"个人中心-我的订单"查看，即将跳转首页');
                        setTimeout(window.location.href="/", 4000);
                    } else {
                        popup(data.msg);
                    }
                })
            })
        </script>
        <div class="fr aside">
            <div class="trips">
                <div class="trip-item none">
                    <div class="trip-title none"><span class="trip-name">${air.startdest.name} - ${air.endflydest.name}</span><span class="trip-date">${air.startflytime?string('MM月-dd日')!}</span>
                    </div>
                    <div class="trip-detail">
                        <div class="trip-left"><p class="trip-time">${air.startflytime?string('HH:mm')!}</p>
                            <p class="trip-airport">${air.startdest.name}机场 T1</p></div>
                        <div class="trip-mid"><p class="trip-hour">${hour!'0'}时0分</p><span class="trip-line"><i
                                class="trip-arrow"></i></span>
                            <p class="trip-info">${air.airplinename} ${air.flightnumber} <span>| 经济舱</span></p></div>
                        <div class="trip-right"><p class="trip-time">${air.endflytime?string('HH:mm')!}</p><p class="trip-airport">${air.endflydest.name}机场 T4</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="prices">
                <div class="price-item">
                    <div class="price-wrap clearfix"><span class="price-type">机票 成人</span><span class="price-info"><span
                            class="price-num">¥574</span> x 1</span></div>
                    <div class="price-wrap clearfix"><span class="price-type">机建燃油 成人</span><span
                            class="price-info"><span class="price-num">¥50</span> x 1</span></div>
                </div></div>
            <div class="total-price"><span class="total-title">应付总额</span><span class="total-num">${air.price!}</span><span
                    class="total-type">¥</span></div>
            <div class="tgq">退改签行李额规则及供应商信息</div>
        </div>
        <div class="v-dialog" style="display: none;">
            <div class="v-mask-loading">
                <div class="v-mask-loading-icon"></div>
            </div>
        </div></div>
</div>

<script src="/order_files/m.statistics-15.12.3.min.js"></script>
<script src="/order_files/vue-router-3.0.1.min.js"></script>
<script src="/order_files/axios-0.18.0.min.js"></script>
<script src="/order_files/moment-2.10.6.min.js"></script>
<script src="/order_files/decimal-10.0.1.min.js"></script>
<script src="/order_files/better-scroll-1.12.6.min.js"></script>
<script src="/order_files/swiper-4.4.2.min.js"></script>
<script src="/order_files/element-ui-2.4.5.js"></script>
<script language="javascript" src="/order_files/manifest.d9b95933.js" type="text/javascript"
        crossorigin="anonymous"></script>

<script language="javascript" src="/order_files/vendor.d72556f8.js" type="text/javascript"
        crossorigin="anonymous"></script>

<script language="javascript" src="/order_files/index.8d08435f.js" type="text/javascript"
        crossorigin="anonymous"></script>


<link href="/order_files/mfw-footer.css" rel="stylesheet" type="text/css">

<div id="footer">
    <div class="ft-content" style="width: 1105px">
        <div class="ft-info clearfix">
            <dl class="ft-info-col ft-info-intro">
                <dt>骡窝窝旅游网</dt>
                <dd>中国年轻一代用得更多的旅游网站</dd>
                <dd>上亿旅行者共同打造的<strong>"旅行神器"</strong></dd>
                <dd><strong>60,000</strong> 多个全球旅游目的地</dd>
                <dd><strong>600,000</strong> 个细分目的地新玩法</dd>
                <dd><strong>760,000,000</strong> 次攻略下载</dd>
                <dd><strong>38,000</strong> 家旅游产品供应商</dd>
            </dl>
            <dl class="ft-info-col ft-info-about">
                <dt>关于我们</dt>
                <dd><a>关于骡窝窝</a>
                    <a class="m_l_10">联系我们</a>
                </dd>
                <dd><a>隐私政策</a><a class="m_l_10">商标声明</a></dd>
                <dd><a>服务协议</a></dd>
                <dd><a>商城平台服务协议</a></dd>
                <dd><a>网络信息侵权通知指引</a></dd>
                <dd style="white-space: nowrap;"><a>骡窝窝旅游网服务监督员</a>
                </dd>
                <dd><a>网站地图</a><a class="joinus highlight m_l_10">加入骡窝窝</a></dd>
            </dl>
            <dl class="ft-info-col ft-info-service">
                <dt>旅行服务</dt>
                <dd>
                    <ul class="clearfix">
                        <li><a>旅游攻略</a></li>
                        <li><a>酒店预订</a></li>
                        <li><a>旅游特价</a></li>
                        <li><a>国际租车</a></li>
                        <li><a>旅游问答</a></li>
                        <li><a>旅游保险</a></li>
                        <li><a>旅游指南</a></li>
                        <li><a>订火车票</a></li>
                        <li><a>旅游资讯</a></li>
                        <li><a>APP下载</a></li>
                        <li style="width: 120px;"><a class="highlight">旅行商城全球商家入驻</a></li>
                    </ul>
                </dd>
            </dl>
            <dl class="ft-info-col ft-info-qrcode">
                <dd>
                    <span class="ft-qrcode-tejia"></span>
                    <p>骡窝窝良品<br>官方服务号</p>
                </dd>
                <dd>
                    <span class="ft-qrcode-weixin"></span>
                    <p>骡窝窝旅游<br>订阅号</p>
                </dd>
                <dd>
                    <span class="ft-qrcode-weixin"
                          style="background-image: url(&#39;https://p3-q.mafengwo.net/s10/M00/48/A9/wKgBZ1t_4sSAVJ6uAAAlzJ0PZgU881.png?imageMogr2%2Fthumbnail%2F%2194x90r%2Fgravity%2FCenter%2Fcrop%2F%2194x90%2Fquality%2F90&#39;)"></span>
                    <p>骡窝窝APP<br>扫描立即下载</p>
                </dd>
            </dl>
            <dl class="ft-info-social">
                <dt>旅游之前，先上骡窝窝！</dt>
                <dd>
                    <a class="ft-social-weibo"><i class="ft-social-icon"></i></a>
                    <a class="ft-social-qqt"><i class="ft-social-icon"></i></a>
                    <a class="ft-social-qzone"><i class="ft-social-icon"></i></a>
                </dd>
            </dl>
        </div>

        <div class="ft-copyright">
            <a><i class="ft-mfw-logo"></i></a>
            <p>© 2019 Mafengwo.cn
                <a>京ICP备11015476号</a>
                <a><img src="/order_files/police_record.png" width="12" style="margin:0 2px 4px 0;">京公网安备11010502013401号</a>
                <a>京ICP证110318号</a>
                <span class="m_l_10">违法和不良信息举报电话: 010-83416877 举报邮箱: mfwjubao@mafengwo.com</span>
            </p>
            <p>
                <a class="m_l_10">网络出版服务许可证</a>
                <a class="m_l_10">增值电信业务经营许可证</a>
                <a class="m_l_10">营业执照</a>
                <a class="m_l_10">广播电视节目制作经营许可证</a>
                <a class="m_l_10">帮助中心</a>
                <span class="m_l_10">骡窝窝客服：国内</span><span class="highlight">4006-345-678</span>
                <span class="m_l_10">海外</span> <span class="highlight">+86-10-8341-6888</span>
            </p>
        </div>
        <div class="ft-safety">
            <a class="s-b"></a>
            <a class="s-c"></a>
            <a class="s-d"></a>
        </div>

    </div>
</div>
<style>
    #banner-con-gloable {
        display: block;
        position: fixed;
        bottom: 0;
        left: -100%;
        z-index: 110;
        width: 100%;
        height: 179px;
        overflow-x: hidden;
    }

    #banner-con-gloable .banner-btn-con {
        width: 100%;
        height: 162px;
        background: #0C151E;
        opacity: .8;
        position: absolute;
        bottom: 0;
    }

    #banner-con-gloable .banner-btn-con .close-btn {
        position: absolute;
        right: 35px;
        top: 24px;
        z-index: 120;
        height: 24px;
        width: 24px;
        cursor: pointer;
    }

    #banner-con-gloable .banner-image-con {
        position: absolute;
        right: 50%;
        bottom: 0;
        width: 1000px;
        margin-right: -500px;
    }

    #float-pannel-gloable {
        padding-left: 0;
        padding-bottom: 30px;
        display: block;
        position: fixed;
        bottom: 0;
        z-index: 110;
        left: -230px;
    }

    #float-pannel-gloable .float-btn {
        width: 24px;
        height: 24px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 100;
    }

    #closed {
        height: 24px;
        width: 24px;
        vertical-algin: top;
        border: none;
        cursor: pointer;
    }
</style>


<link href="/order_files/mfw-toolbar.css" rel="stylesheet" type="text/css">

<div class="mfw-toolbar" id="_j_mfwtoolbar" style="display: block;">
    <div class="toolbar-item-feedback">
        <a role="button" data-japp="feedback" class="btn">
            <i class="icon_feedback"></i>
            <em>意见反馈</em>
        </a>
    </div>
    <div class="toolbar-item-code">
        <a role="button" class="btn">
            <i class="icon_code"></i>
        </a>
        <a role="button" class="mfw-code _j_code">
            <img src="/order_files/wKgIC1t_6TuASybrAADGUPUHjr021.jpeg" width="450" height="192">
        </a>
    </div>

</div>

</body>
</html>